<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>广东海洋大学(大学物理实验)-实验中心</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css" />
		<script src="js/jquery-2.0.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/summernote.min.js"></script>
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="css/summernote.css" />
		
		<style>
			{
				text-decoration: overline;
				font-style: italic;
			}
		</style>
	</head>

	<body>
		<div class="container">
			<div class="row">
				<div class="span12">
					<div class="navbar navbar-inverse">
						<div class="navbar-inner">
							<div class="container-fluid">
								<a class="brand hidden-phone" href="index.html">大学物理实验中心（发布消息）</a>
								<a class="brand visible-phone" href="index.html">物理实验中心（发布消息）</a>
								<div class="nav-collapse collapse navbar-responsive-collapse">
								</div>

							</div>
						</div>

					</div>
					<div class="row">
						<div class="span12">
							<form class="form-horizontal" method="post">
								<div class="control-group">
									<strong>消息内容</strong>
								</div>
								<div class="control-group">
									<div class="input-prepend">
										<div class="btn-group">
									        <input type="hidden" name="msg_type" id="msg_type" value="0" />
											<button id="msg_type_btn" class="btn dropdown-toggle" data-toggle="dropdown">
									      	类型
									        <span class="caret"></span>
									    	</button>
											<ul id="msg_type" class="dropdown-menu" >
												<li><a href="#">通告</a></li>
												<li><a href="#">新闻</a></li>
												<li><a href="#">消息</a></li>
											</ul>
											<script>
												var alist=$("#msg_type a");
												alist.each(function(i){
													$(this).click(function(){
														$("#msg_type").val(i);
														var btn=$("#msg_type_btn");
														btn.text($(this).text());
														btn.append($("<span>").attr("class","caret"));
													});
												});
											</script>
										</div>
										<input type="text" name="title" class="input-large" placeholder="请输入标题">
									</div>
								</div>
								<div class="control-group">
									<strong>消息内容</strong>
								</div>
								<div class="control-group">
									<input type="hidden" id="content" name="content" />
									<div id="contents">
									</div>
									<script>
										$(document).ready(function() {
											$('#contents').summernote({
												height:300
											});
										});
									</script>
								</div>
								
								<div class="control-group">
									
									<div class="controls">
										<button type="submit" class="btn btn-primary btn-large pull-right">发布</button>
										<script>
											$("form").submit(function(){
												var sHTML = $('#contents').code();
												$("#content").val(sHTML);
											});
										</script>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>
